<!DOCTYPE html>
<html>
    <head>
        <title>imFun</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,  user-scalable=0">
    </head>
    <body>imfunTest!<button onclick="test()">test</button><button onclick="show()">display</button><button onclick="hide()">Hide</button>
        <br/><!--><a href="/agm">ToAgm</a><br/><!--><button onclick="shareline()">分享朋友圈</button><br/>
        <button onclick="share()">分享朋友</button><br/>
        <button onclick="chooseimage()">選擇圖片</button><br/>
        <button onclick="previewimage()">預覽圖片</button><br/>
        <button onclick="uploadimage()">上傳圖片</button><br/>
        <button onclick="qrscan()">二維碼掃描</button></br>
        <div id="display"></div>
        <div id="myDiv"></div>
    </body>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
    wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '{{appid}}', // 必填，公众号的唯一标识
    timestamp: {{timestamp}}, // 必填，生成签名的时间戳
    nonceStr: '{{noncestr}}', // 必填，生成签名的随机串
    signature: '{{sign}}',// 必填，签名，见附录1
    jsApiList: ['checkJsApi', 'hideOptionMenu', 'showOptionMenu',
        'getNetworkType', 'previewImage', 'onMenuShareTimeline', 'onMenuShareAppMessage',
        'chooseImage','hideMenuItems', 'uploadImage', 'scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    wx.ready(function(){
        wx.hideMenuItems({
            menuList: ['menuItem:copyUrl', 'menuItem:originPage','menuItem:favorite', 
            'menuItem:openWithQQBrowser', 'menuItem:openWithSafari']// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
        });        
        console.info('wx success');
    })
    wx.error(function(res){
        console.info('wx failed');
        console.info(res);
        alert('Wx Loading Faild!');
    })
    show = function(){
        wx.showOptionMenu();
    }
    test = function(){
      wx.checkJsApi({
      jsApiList: [
        'getNetworkType',
        'previewImage'
      ],
      success: function (res) {
        alert(JSON.stringify(res));
      }
    });}
    hide = function(){
        wx.hideOptionMenu();
    }
    shareline = function(){
        wx.onMenuShareTimeline({
            title: '分享朋友圈標題',
            link: 'http://dev.imfun.avosapps.com/agm',
            imgUrl: 'http://dev.imfun.avosapps.com/static/images/wx_logo.jpg',
            success: function(){
                alert('分享成功!');},
            cancel: function(){ alert('分享取消') }
            })           
            
    }
    share = function(){
        wx.onMenuShareAppMessage({
            title: '音速风暴1.0官网', // 分享标题
            desc: '這是用jquery mobile做的,大致仿原先的风格弄的,效果好不少,看看', // 分享描述
            link: 'http://dev.imfun.avosapps.com/agmbeta', // 分享链接
            imgUrl: 'http://dev.imfun.avosapps.com/static/images/wx_logo.jpg', // 分享图标
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () { 
                alert('分享成功')// 用户确认分享后执行的回调函数
            },
            cancel: function(){alert('分享取消')}
        })
    }
    var images = {
        localId: [],
        serverId: [],
        uploadedId: [],
    };
    chooseimage = function(){
        wx.chooseImage({
            count: 3, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片                
                displayImage(res.localIds);
                //alert(images.localId)
            }
        });
    }
    uploadimage = function(){
        if (images.localId.length == 0) {
          alert('请先使用 chooseImage 接口选择图片');
          return;
        }
        var i = 0, length = images.localId.length;
        images.serverId = [];
        function upload() {
          wx.uploadImage({
            localId: images.localId[i],
            success: function (res) {
              i++;
              images.serverId.push(res.serverId);
              if (i < length) {
                upload();
              }
              else{
                ajaxpost('?action=uploadimages', images.serverId, 'POST');
                alert('Upload done! ' + images.serverId);
              }
            },
            fail: function (res) {
              alert(JSON.stringify(res));
            }
          });
        }
        upload();
    }
    qrscan = function(){
        wx.scanQRCode({
            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            desc: 'scanQRCode desc',
            scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
            alert(JSON.stringify(res));
            alert(result);
            }   
        });
    }
    displayImage = function(images){
        var disdiv = document.getElementById('display')
        var content = ''
        for(i=0;i<images.length;i++){
            content += '<img src="'+images[i]+'"/><br/>';
        }
        disdiv.innerHTML = content;
    }
    previewimage = function(){
        if (images.uploadedId.length == 0) {
          alert('请先上傳圖片');
          return;}      
        wx.previewImage({
            current: images.uploadedId[0], // 当前显示图片的http链接
            urls: images.uploadedId // 需要预览的图片http链接列表
        });
    }
    ajaxpost = function(url, data, method){
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange=function(){
            if (xhr.readyState==4 && xhr.status==200){
                document.getElementById("myDiv").innerText=xhr.responseText;
                images.uploadedId = xhr.responseText.split(',');
            }
        };
        xhr.open(method, url);
        xhr.send(data);
    }
    </script>
</html>